//水平垂直居中
@import "common_c";

html {
  //font-size: 12px;
  @media screen and (min-width: 1024px) and (max-width: 1600px) {
    font-size: 14px;
  }

  @font1: .0625rem;
  @font2: .125rem;
  @font3: .1875rem;
  @font4: .25rem;
  @font5: .3125rem;
  @font6: .375rem;
  @font7: .4375rem;
  @font8: .5rem;
  @font9: .5625rem;
  @font10: .625rem;
  @font11: .6875rem;
  @font12: .75rem;
  @font13: .81rem;
  @font14: .875rem;
  @font15: .937rem;
  @font16: 1rem;
  @font17: 1.0625rem;
  @font18: 1.125rem;
  @font19: 1.1875rem;
  @font20: 1.25rem;
  @font21: 1.3125rem;
  @font22: 1.375rem;
  @font23: 1.4375rem;
  @font24: 1.5rem;
  @font26: 1.625rem;
  @font30: 1.875rem;
  @font35: 2.1875rem;
  @font38: 2.375rem;
  @font40: 2.5rem;
  @font55: 3.4375rem;
  body {
    //登录页面响应式 最低 1366*768⬇️
    div.container-fluid {
      height: 100%;
      //min-height: 708px;
      min-width: 1340px;
      overflow: hidden;
      div.logo-title.row {
        margin-top: 3.5%;
        height: 8.5%;
        font-size: 2.3rem;
      }
      div.row {
        height: 60%;
        div.text-center {
          position: relative;
          height: 100%;
          div.login-box {
            .center;
            margin: 0;
            top: 47%;
            //width: 36.8%;
            //height: 50%;
            @media screen and (min-width: 1024px) and (max-width: 1600px) {
              &.login-box {
                min-height: 370px;
                height: 50%;
              }
            }
            h2 {
              font-size: 1.86rem;
              margin: 3% auto 7.5% auto;
              letter-spacing:3px;
              font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
              .welcome{

              }
              .intro{
                margin: 2rem 0;
              }
            }
            form {
              input.form-control {
                font-size: 1.25rem;
                padding: 1.6% 2.4%;
                //margin: 1.6% auto;
              }
              p#loginBtn {
                //margin: @font1*60 auto @font18 auto;
                span {
                  font-size: .81rem;
                }
              }
            }
          }
        }
      }
    }

    div#wrapper {
      min-width: 1340px;
      min-height: 708px;
      nav.navbar-static-side {
        width: 11.4%;
        @media screen and (max-width: 1600px) {
          font-size: 14px;
        }
        font-size: @font13;

      }
      div#page-wrapper {
        margin-left: 11.4%;
        font-size: @font13;

        //病例列表页面样式⬇️；
        div.row {
          font-size: @font13;
          div.content-box {
            .search-row {
              form {
                div {
                  font-size: @font13;
                  div#search_param {
                    font-size: @font13;
                    div {
                      span {
                        font-size: @font18;
                      }
                      input {
                        height: 2.5rem;
                        font-size: 1rem;
                      }
                      //p.baseText{
                      //  font-size: @font16;
                      //}
                    }
                  }
                  button#caseListSearch {
                    line-height: @font24;
                    padding: @font6 @font12;
                    font-size: @font14;
                  }

                }
              }
            }
          }
          div {
            table.caseList-table {
              font-size: @font17;
              thead {
                tr {
                  th {
                    height: @font55;
                  }
                }
              }
              tbody#caseListBox {
                tr {
                  td {
                    padding: @font6;
                    button.btn {
                      font-size: @font14;
                      margin-top: 1px;
                    }
                  }
                }
              }
            }
            nav {
              ul {
                margin: @font20;
                li {
                  a {
                    padding: @font4 @font10;
                    font-size: @font18;
                  }
                }
              }
            }
            span.pageMessage {
              font-size: @font16;
              top: -@font30;
              left: @font10;
            }
          }
        }
        .form-control {
          height: @font1*34;
        }
        //病例列表页面样式⬆️️；

        //搜索页面⬇️
        @media screen and (min-width: 1024px) and (max-width: 1600px) {
          div.main {
            div.main_top {
              min-height: @font1*390;
              b.count_text {
                height: @font40;
                line-height: @font40;
                font-size: @font16;
                padding-left: @font26;
              }
              div.classify {
                margin: @font38 @font35;
                font-size: @font16;
                div {
                  height: @font40;
                  span {
                    font-size: @font16;
                    height: @font40;
                    line-height: @font38;
                  }
                  select {
                    height: @font40;
                    font-size: @font16;

                  }
                  input {
                    height: @font40;
                    font-size: @font16;

                  }
                }
              }
              div.choose {
                min-height: @font1*158;
                div.result {
                  div.all {
                    b {
                      font-size: @font16;
                    }
                    span {
                      font-size: @font16;
                      padding: @font5 @font10;
                      margin-bottom: @font10;
                      margin-right: @font10;
                    }
                  }
                }
              }
              div.btn_all {
                margin: @font1*21 auto;
                button {
                  width: @font1*100;
                  height: @font38;
                  line-height: @font38;
                  font-size: @font16;
                  padding: 0;
                  //margin-right: @font1*36;
                  &:first-child {
                    margin-right: @font15;
                  }
                  &:last-child {
                    margin-right: @font1*36;
                  }
                }
              }

            }
            div.main_bottom {
              margin-top: @font1*25;
              ul {
                border-bottom: @font6 silid #e7eaec;
                li {
                  min-height: @font1*74;
                  a {
                    padding: @font26 @font24;
                    font-size: @font16;
                    i {
                      font-size: @font16;
                    }
                    i.search {
                      font-size: @font16;

                      width: @font1*34;
                      height: @font1*34;
                      line-height: @font1*34;
                    }
                    input.search_input {
                      width: 19%;
                      height: @font1*34;
                      font-size: @font16;
                      line-height: @font16;
                    }
                  }
                  h3 {
                    font-size: @font14;
                    padding: 0 @font16 @font16 0;
                    span {
                      padding: @font8 @font16;
                      margin-top: @font16;
                      margin-right: @font16;
                      margin-left: @font10;
                    }
                  }
                  ul {
                    li {
                      a {
                        padding: 0;
                      }
                    }
                  }
                }
              }
            }
            div.table_div {
              p {
                padding: @font8 0;
                height: @font38;
                i#iBack {
                  width: @font3*15;
                  padding-left: @font8;
                }
                b {
                  height: @font23;
                  font-size: @font16;
                  padding-left: @font18;
                }

              }
              div#export {
                width: @font1*100;
                height: @font38;
                margin: @font17 @font23;
                font-size: @font16;
                line-height: @font38;
                i {
                  margin: 0 @font8 0 @font19;
                }
              }
              div.bottom_main {
                margin: @font1*72 @font23 0 @font23;
                #datatable {
                  tr {
                    td {
                      font-size: @font16;
                    }
                  }
                }
              }
            }
          }

          div.exportChoose {
            width: @font1*884;
            div.top {
              height: @font1*56;
              font-size: @font20;
              line-height: @font1*56;
              margin-left: @font23;
            }
            div.middle {
              padding: @font16 @font23 @font1*58 @font23;
              span {
                padding: @font8 @font16;
                margin-top: @font16;
                margin-right: @font16;
              }
            }
            div.bottom {
              height: @font1*94;
              padding: @font30;
              button {
                font-size: @font16;
                line-height: @font16;
                width: @font1*100;
                height: @font1*37;
                padding: 0;
              }
            }
          }

          #myPrompt {
            width: @font1*884;
            min-height: @font1*251;
            p.name {
              font-size: @font20;
              height: @font1*60;
              line-height: @font1*60;
              padding-left: @font23;
            }
            h2 {
              padding: @font1*38 @font1*38 0;
              div {
                //margin-bottom: @font35;
                //margin-right: @font1*28;
              }
            }
            p.canshu {
              margin-top: @font20;
              font-size: @font20;
              padding-left: @font1*27;
            }
            p.btnF {
              margin-left: @font24;
              height: @font40;
              font-size: @font16;
              margin-top: @font26;
              margin-right: @font1*34;
              b {
                font-size: @font16;
              }
              i {
                margin-left: @font10;
                width: 105*@font1;
                height: @font40;
                font-size: @font26;
                &:last-child {
                  margin-left: @font30;
                }
              }
            }
            p.write {
              height: @font40;
              font-size: @font16;
              margin-top: @font26;
              margin-left: @font30;
              margin-bottom: 36*@font1;
              b {
                font-size: @font16;
              }
              input {
                padding-left: @font15;
                margin-left: @font10;
                height: @font40;
                width: 130*@font1;
              }
            }
          }
        }
        //搜索页面⬆️

        //添加病例页面⬇️
        div.row {
          div.content-box {
            padding-bottom: @font15;
            div {
              .ibox {
                margin-bottom: 25*@font1;
                div.base-message {
                  height: @font1*60;
                  padding: @font15;
                  min-height: 48*@font1;
                  h5 {
                    font-size: @font20;
                    line-height: 1.4;
                  }
                }
                div.ibox-content {
                  padding: @font15 @font20 @font20 @font20;
                  form#baseMessageForm {
                    div {
                      div.base-message-input {
                        div {
                          span {
                            font-size: @font16;
                            padding-right: @font10;
                          }
                          input {
                            font-size: @font14;
                            padding: @font6 @font12;
                          }
                          select {
                            font-size: @font14;
                            padding: @font6 @font12;

                          }
                          p {
                            font-size: @font16;
                          }

                        }

                      }
                      div.text-right {
                        margin-top: @font15;
                        button {
                          margin-bottom: @font5;
                          padding: @font10 @font16;
                          font-size: @font18;
                        }
                      }
                    }
                  }
                  div#visit_message {
                    div {
                      span {
                        font-size: @font16;
                      }
                      input {
                        font-size: @font14;
                        padding: @font6 @font12;
                      }
                      select {
                        font-size: @font14;
                        padding: @font6 @font12;
                      }
                    }
                  }
                  //添加患者预约页面⬇️
                  form#addReservationForm {
                    div.base-message-input {
                      div {
                        &.margin-top-15 {
                          margin-top: @font15;
                        }
                        span {
                          font-size: @font16;
                        }
                        input {
                          font-size: @font14;
                          padding: @font6 @font12;
                        }
                        select {
                          font-size: @font14;
                          padding: @font6 @font12;
                        }
                      }
                    }
                  }
                  //添加患者预约页面⬆️
                }
              }
            }
          }
          //下一半
          div {
            ul#addCaseNavTabs {
              li {
                a {
                  font-size: @font16;
                  line-height: @font16;
                  padding: @font10 @font20 @font10 @font1*25;
                }
              }
            }
            .tab-content {
              //随诊⬇️
              #suizhen {
                #szFixedGroup {
                  #szFixedGroup0 {
                    div {
                      font-size: @font20;
                      button#addSzGroup {
                        font-size: @font14;
                        padding: @font6 @font12;
                      }
                    }
                  }
                  #previousHpi {
                    padding-bottom: @font15;
                  }
                }
                #addSzBox {
                  div[id^='szGroup'] {
                    div {
                      font-size: @font20;
                      button.szAddGroupDelete {
                        font-size: @font14;
                        padding: @font6 @font12;
                      }
                      div.row {
                        div {
                          .margin-top-10 {
                            margin-top: 0;
                          }
                          span {
                            font-size: @font16;
                          }
                          button {
                            font-size: @font14;
                            padding: @font6 @font12;
                          }
                          h3 {
                            font-size: @font14;
                          }

                        }
                        div.updataBox {
                          span {
                            font-size: @font16;
                          }
                          input {
                            font-size: @font14;
                            padding: @font6 @font12;
                          }
                          select {
                            font-size: @font14;
                            padding: @font6 @font12;
                          }
                        }
                        div#szAddDiagnosisGroup0 {
                          table {
                            font-size: @font16;
                            th {
                              padding: @font20 0;
                            }
                            td {
                              padding: @font15 0;
                            }
                          }
                        }
                        div#szAddMedication0 {
                          table {
                            font-size: @font16;
                            th {
                              padding: @font20 0;
                            }
                            td {
                              padding: @font15 0;
                            }
                          }
                        }
                      }
                    }
                  }

                }
                div.row {
                  .margin-top-15 {
                    margin-top: @font15;
                  }
                  div.xbs-separated {
                    border-top: @font1*25;
                    padding: @font10 @font15;
                    font-size: @font20;

                  }
                  div {
                    span.xbs-input-title, .evaluation-title, .weight-title, .evaluation-title, .symptoms-title {
                      font-size: @font16;
                    }
                    input {
                      font-size: @font14;
                      padding: @font6 @font12;
                    }
                    div.xbs-input-box {
                      font-size: @font16;
                      span {
                        font-size: @font16;
                      }
                      div.input-content {
                        input {
                          font-size: @font14;

                        }
                      }
                    }
                    button#monitoringBlood {
                      padding: @font10 @font16;
                      font-size: @font18;
                    }
                    div {
                      label {
                        font-size: @font16;

                      }
                      select {
                        padding: @font6 @font12;
                        font-size: @font14;
                      }
                      input {
                        padding: @font6 @font12;
                        font-size: @font14;
                      }
                    }
                    button.add-symptom {
                      //padding: @font10 @font16;
                      font-size: @font16;
                    }
                    h3 {
                      font-size: @font16;
                    }
                    table.xbs-table {
                      font-size: @font16;
                      td {
                        div {
                          select {
                            font-size: @font16;
                            padding: @font6 @font12;
                          }
                        }
                      }
                    }
                    button#szSave, #szSaveNext {
                      font-size: @font18;
                      padding: @font10 @font16;
                    }
                  }
                }
              }
              //随诊⬆️

              //主诉 ⬇️
              #zhusu {
                form#zsForm {

                  #zs_symptom {
                    .border-bottom-dashed {
                      padding-bottom: @font15;
                      padding-top: @font15;
                      div {
                        button {
                          padding: @font10 @font16;
                          font-size: @font18;
                        }
                      }
                      .symptomList {
                        h3 {
                          margin-top: 2px;
                          font-size: @font16;
                        }
                        ul {
                          padding: @font5 0 0 0;
                          margin-bottom: @font18;
                        }
                      }
                      .symptomList-form {
                        padding-right: @font15;
                        span {
                          font-size: @font16;
                          padding-right: @font10;
                        }
                        input {
                          font-size: @font14;
                        }
                      }
                      .text-right {
                        button.btn-danger {
                        }
                      }

                    }

                  }
                  button#addZsSymptom {
                    padding: @font10 @font16;
                    font-size: @font18;
                  }
                  .xbs-separated {
                    padding: @font10 @font15;
                    margin-top: @font15;
                    div {
                      span {
                        font-size: @font20;
                      }
                      .addMedicationBtn {
                        padding: @font6 @font12;
                      }
                    }

                  }
                  div.row {
                    div#jwsAddMedication1 {
                      table.medicationList-table {
                        font-size: @font16;
                        tr {
                          th {
                            font-size: @font16;
                            padding: @font20 0;
                          }
                          td {
                            font-size: @font16;
                            padding: @font15 0;
                            button {
                              padding: @font6 @font12;
                            }
                          }
                        }
                      }
                    }
                  }
                  div.weight-change {
                    div {
                      span.weight-title {
                        font-size: @font16;
                        margin-right: @font10;
                      }
                      select.zsWeightChangeSelect {
                        padding: @font6 @font12;
                        font-size: @font14;
                      }
                    }
                  }
                  .row {
                    div.weight-change {
                      span {
                        font-size: @font16;
                      }
                    }
                    button {
                      font-size: @font18;
                      padding: @font10 @font16;
                    }
                  }
                }

              }

              //现病史⬇️
              #xianbingshi {
                div#xbsGroupList {
                  .xbs-separated {
                    font-size: @font20;
                    padding: @font10 @font15;
                    div {
                      span {
                        font-size: @font20;
                      }
                      button {
                        margin-bottom: @font5;
                        padding: @font6 @font12;
                        font-size: @font14;
                      }
                    }
                  }
                  .ibox-content {
                    padding: @font15 @font20 @font20 @font20;
                    div.row {
                      margin-top: @font15;
                      div {
                        span {
                          font-size: @font16;
                        }
                        input {
                          padding: @font6 @font12;
                          font-size: @font14;
                        }
                        select {
                          padding: @font6 @font12;
                          font-size: @font14;
                        }
                        &.symptomList {
                          margin-top: @font10;
                          h3 {
                            top: -@font10;
                            margin-top: @font5;
                            font-size: @font16;
                            margin-bottom: @font10;
                          }
                          ul.sui-tag {
                            margin-bottom: @font18;
                          }
                        }
                        button.addDiagnosisBtn, .addMedicationBtn {
                          margin-bottom: @font5;
                          padding: @font10 @font16;
                          font-size: @font18;
                          //暂时注释；2018.1.25
                          //display: none;
                        }
                      }

                    }
                    .chineseMedicineBox {
                      div {
                        div {
                          button {
                            //暂时注释；2018.1.25
                            //display: none;
                            font-size: @font18;
                            padding: @font10 @font16;
                          }
                        }
                        .xbsAddTcm {
                          table.tcm-table {
                            font-size: @font16;
                            th {
                              padding: @font20 0;
                            }
                            td {
                              padding: @font15 0;
                              button {
                                padding: @font6 @font12;
                                font-size: @font14;
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
                div.row {
                  div.xbs-separated {
                    font-size: @font20;
                    padding: @font10 @font15;
                    border-top: @font1*25 solid #f3f3f4;
                  }
                  div {
                    table.xbs-table {
                      font-size: @font16;
                      td {
                        font-size: @font16;
                        div.input-content {
                          span {
                            font-size: @font16;
                          }
                          input {
                            font-size: @font14;
                            height: @font1*34;
                          }
                        }
                        div:last-child {
                          //margin-top: @font15;
                          div.xgb-foods-type {
                            //margin-bottom: @font20;
                            font-size: @font16;
                            label {
                              margin-right: @font15*2;
                              margin-bottom: @font5;
                              input {
                                padding-right: @font15;
                                margin-right: .5rem;
                                vertical-align: text-top;
                                font-size: @font14;
                              }
                            }
                            input {
                              font-size: @font14;
                              padding: @font6 @font12;
                            }
                          }

                        }

                      }
                      select {
                        font-size: @font14;
                        padding: @font6 @font12;
                      }
                    }
                    button#monitoringBlood {
                      padding: @font10 @font16;
                      font-size: @font18;
                    }
                    &.weight-change {
                      span {
                        font-size: @font16;
                      }
                    }
                    #xbsSave, #xbsSaveNext {
                      padding: @font10 @font16;
                      font-size: @font18;
                    }
                  }
                }
              }

              //既往史⬇️
              #jiwangshi {
                div {
                  &.xbs-separated {
                    padding: @font10 @font15;
                    &.first-xbs-separated {
                      div {
                        span {
                          font-size: @font20;
                        }
                      }
                    }
                    div {
                      font-size: @font20;
                      span {
                        font-size: @font20;
                      }
                      button {
                        font-size: @font14;
                        padding: @font6 @font12;
                      }
                    }
                    span {
                      font-size: @font20;
                    }
                  }

                  &.row {
                    &.margin-top-15 {
                      margin-top: @font15;
                    }
                    div {
                      table.medicalHistory-table {
                        font-size: @font16;
                        th {
                          padding: @font20 0;
                          &.medicalHistory-table-center {
                            width: 23%;
                          }
                        }
                        td {
                          padding: @font15;
                          div {
                            span {
                              width: 43%;
                            }
                            input {
                              width: 53%;
                              font-size: @font14;
                              padding: @font6 0 @font6 @font6;
                              &::-webkit-input-placeholder { /* WebKit browsers */
                                font-size: @font12;
                              }
                              &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                                font-size: @font12;
                              }
                              &::-moz-placeholder { /* Mozilla Firefox 19+ */
                                font-size: @font12;
                              }
                              &:-ms-input-placeholder { /* Internet Explorer 10+ */
                                font-size: @font12;
                              }
                              &[data-name='time'], &[data-toggle="datepicker"] {
                                padding: @font6 28px @font6 @font12;
                                background-size: 24px;

                              }
                            }
                            select {
                              font-size: @font14;
                              padding: @font6 @font16;
                            }
                          }
                        }
                        button {
                          padding: @font6 @font12;
                          font-size: @font14;
                        }
                        .jiwangshi-medication-table {
                          font-size: 14px !important;
                          td {
                            padding: 10px 6px !important;
                            text-align: center;
                            button {
                              margin: 5px 0 5px 5px !important;
                            }
                          }
                          margin-bottom: 1rem!important;
                        }

                      }
                      button#jwsSave, #jwsSaveNext {
                        padding: @font10 @font16;
                        font-size: @font18;
                      }
                      span.weight-title {
                        font-size: @font16;
                      }
                    }
                  }

                }

              }

              //个人史⬇️
              #gerenshi {
                form {
                  div.row {
                    &.padding-tb-10 {
                      padding: @font10 0;
                      div {
                        label {
                          span {
                            font-size: @font16;
                          }
                        }
                        input {
                          padding: @font6 @font12;
                          font-size: @font14;
                        }
                      }
                    }
                    &.margin-top-15 {
                      margin-top: @font15;
                      span {
                        font-size: @font20;
                      }

                    }
                    &.margin-top-20 {
                      margin-top: @font20;
                      div {
                        button#grsSave, #grsSaveNext {
                          padding: @font10 @font16;
                          font-size: @font18;
                        }
                      }
                    }
                  }

                }
              }

              //月经婚育史⬇️
              #hunyushi {
                form.hysForm {
                  div.row {
                    div {
                      table {
                        font-size: @font16;
                        td {
                          padding: @font15 0;
                          font-size: @font16;
                          div {
                            div {
                              input {
                                font-size: @font14;
                                padding: @font6 @font12;
                              }
                              select {
                                padding: @font6 @font12;
                                font-size: @font14;
                              }
                            }
                          }
                        }
                      }
                    }
                    span.weight-title {
                      font-size: @font16;
                    }
                    button#hysSave, #hysSaveNext {
                      padding: @font10 @font16;
                      font-size: @font18;
                    }
                  }
                }
              }

              //家族史⬇️
              #jiazushi {
                form.jzs-form {
                  div.row {
                    &.margin-top-15 {
                      margin-top: @font15;
                    }
                    &.margin-top-20 {
                      margin-top: @font20;
                    }
                    div {
                      table {
                        font-size: @font16;
                        tbody#jzs_list {
                          tr {
                            td {
                              padding: @font15 0;
                              font-size: @font16;
                              label {
                                padding-right: @font15;
                                margin-bottom: @font5;
                              }
                              &.jzsCase-name {
                                padding-left: @font1*35;
                              }
                              button.jzs-delete {
                                padding: @font6 @font12;
                                font-size: @font14;
                              }
                            }
                          }
                        }
                      }
                      button[data-target="#addJzsCase"] {
                        padding: @font10 @font16;
                        font-size: @font18;
                      }
                      &.weight-change {
                        span {
                          font-size: @font16;
                          margin-right: @font10;
                        }
                      }
                      button#jzsSave, #jzsSaveNext {
                        padding: @font10 @font16;
                        font-size: @font18;
                      }
                    }
                  }
                }
              }

              //体格检查
              #tigejiancha {

                //todo 这里是中医体格检查显示的项⬇
                #tgjcChineseMedicine {
                  .xbs-separated {
                    div {
                      span {
                        font-size: @font20;
                      }
                    }
                  }
                }
                .tgjc-baseMessage {
                  div.row {
                    &.margin-top-15 {
                      margin-top: @font15;
                    }
                    div {
                      span {
                        font-size: @font16;
                        &.input-content-center {
                          //font-size: @font12;
                          margin-left: 2%;
                          margin-right: 2%;
                        }
                      }
                      div.examination {
                        input {
                          font-size: @font14;
                          padding: @font6 @font12;
                        }
                        select {
                          font-size: @font14;
                          padding: @font6 @font12;
                        }
                      }
                    }
                  }
                }
                & > div.row {
                  table.tgjc-table {
                    font-size: @font16;
                    td {
                      padding: @font15 0;
                      font-size: @font16;
                      label {
                        font-size: @font16;
                        margin-right: @font20;
                        input {
                          margin-right: @font10;
                        }
                      }
                    }
                  }
                  div {
                    span.weight-title {
                      font-size: @font16;
                    }
                    button#tgjcSaveNext, #tgjcSave {
                      padding: @font10 @font16;
                      font-size: @font18;
                    }
                  }
                }

              }

              //辅助检查⬇️
              #fuzhujiancha {
                //form {
                  div.row {
                    div {
                      table {
                        font-size: @font16;
                        th {
                          padding: @font20;
                        }
                        td {
                          padding: @font15;
                          input {
                            padding: @font6 @font12;
                            font-size: @font14;
                            &.folding{
                              float: left;
                              margin-top: 3px;
                              width: 15px;
                              height: 15px;
                            }
                          }
                          table {
                            td {
                              padding: @font15;
                              input {
                                font-size: @font14;
                              }
                              select {
                                font-size: @font14;
                              }
                            }
                          }
                        }
                      }
                      span.weight-title {
                        font-size: @font16;
                        margin-right: @font10;
                      }
                      button#fzjcSave, #fzjcSaveNext {
                        padding: @font10 @font16;
                        font-size: @font18;
                      }
                    }
                  }
                //}
              }
              //辅助检查⬆️

              //诊断⬇️
              #zhenduan {
                & > div.row {
                  .margin-top-15 {
                    margin-top: @font15;
                  }
                  div {
                    button.addDiagnosisBtn {
                      padding: @font10 @font16;
                      font-size: @font18;
                      div#zdAddDiagnosis {
                        table {
                          font-size: @font16;
                          th {
                            padding: @font20 0;
                          }
                          td {
                            padding: @font15 0;
                            button {
                              padding: @font6 @font12;
                              font-size: @font14;
                            }
                          }
                        }
                      }
                    }
                    &#zdAddDiagnosis, &#cnMedicine {
                      table {
                        font-size: @font16;
                        th {
                          padding: @font20 0;
                        }
                        td {
                          padding: @font15 0;
                          button {
                            padding: @font6 @font12;
                            font-size: @font14;
                          }
                        }
                      }
                    }
                    &.xbs-separated {
                      border-top: @font1*25 solid #f3f3f4;
                      span {
                        font-size: @font20;
                      }
                    }
                    &.weight-change {
                      span {
                        font-size: @font16;
                      }
                    }
                    button#zdSave, #zdSaveNext {
                      padding: @font10 @font16;
                      font-size: @font18;
                    }
                  }
                }
                #cnMedicine {
                  .xbs-separated {
                    span {
                      font-size: @font20;
                    }
                  }
                  #addCnDiagnoseTypeBtn {
                    padding: @font10 @font16;
                    font-size: @font18;
                  }
                  #viewCnDiagnoseType {
                    table.diagnosis-table {
                      font-size: @font16;
                      td {
                        font-size: @font16;
                        button {
                          padding: @font6 @font10;
                          font-size: @font14;
                        }
                      }
                    }
                  }
                }
              }
              //诊断⬆️

              //处理⬇️
              #chuli {
                & > div.row {
                  padding: @font10 @font15;
                  font-size: @font20;
                  &.xbs-separated {
                    margin-top: @font15;
                    //border-top: @font1*25 solid #F3F3F4;
                  }
                  div {
                    table.cl-table1 {
                      font-size: @font16;
                      th {
                        padding: @font20 0;
                      }
                      td {
                        padding: @font30 0;
                        label {
                          margin-bottom: @font5;
                          input {
                            margin-right: @font10;
                            margin-left: @font12;
                          }
                        }
                        input {
                          font-size: @font16;
                        }
                        select {
                          font-size: @font16;
                        }
                      }
                    }
                    button {
                      padding: @font6 @font12;
                      font-size: @font14;
                      &.addSolutionBtn {
                        font-size: @font18;
                      }
                    }
                    label {
                      font-size: @font16;
                      margin-right: @font10;
                      margin-bottom: @font5;
                    }
                    h4 {
                      margin-top: @font5;
                      font-size: @font14;
                    }
                    span.input-title {
                      font-size: @font16;
                    }
                    div {
                      input {
                        font-size: @font14;
                      }
                      &.input-content {
                        width: 60%;
                      }
                    }
                    & > .weight-title {
                      font-size: @font16;
                      margin-right: @font10;
                    }
                  }
                  div.xbs-separated {
                    padding: @font10 @font15;
                    font-size: @font20;
                    border-top: @font1*25;

                  }
                  button#clSave, #clSaveNext {
                    font-size: @font18;
                    padding: @font10 @font16;
                  }
                }
                & > div.control_objectives {
                  div.row {
                    div {
                      span.input-title {
                        font-size: @font16;
                      }
                      div {
                        span.input-title {
                          font-size: @font16;
                        }
                        div {
                          select {
                            font-size: @font14;
                          }
                        }
                      }
                    }
                  }
                }
                div#clChineseMedicine {
                  div.xbs-separated {
                    div {
                      font-size: @font20;
                      span {
                        font-size: @font20;
                      }
                    }

                  }
                  #clAddTcm {
                    table.tcm-table {
                      font-size: @font16;
                      th {
                        padding: @font20 0;
                      }
                      td {
                        padding: @font15 0;
                        button {
                          padding: @font6 @font12;
                          font-size: @font14;
                        }
                      }
                    }
                  }
                }
                #clAddMedication {
                  h4 {
                    font-size: @font18;
                  }
                }

              }
              //处理⬆️

              //眼底档案⬇️
              #yandidangan {
                div.row {
                  div {
                    ul {
                      li {
                        a {
                          font-size: @font16;
                          padding: @font10 @font20 @font10 @font1*25;
                        }
                      }
                    }
                    div.tab-content {
                      #cardSearch {
                        .cardSearchBox {
                          margin-bottom: @font15;
                          span {
                            font-size: @font16;
                          }
                          input {
                            width: @font1*300;
                            padding: @font6 @font12;
                            font-size: @font14;
                          }
                          button {
                            font-size: @font14;
                            padding: @font6 @font12;
                          }
                        }
                      }
                    }
                  }
                  button#evaluateBtn {
                    font-size: @font14;
                    padding: @font6 @font12;
                  }
                }
              }
              //眼底档案⬆️

            }
          }
        }
        //添加病例页面⬆️

        //预约中心⬇️
        div.row {
          div.content-box {
            div.reservationCenterNav {
              div {
                ul#reservationCenterNav {
                  li {
                    margin: 0 @font30;
                    a {
                      padding: @font22 0 @font12 0;
                      font-size: @font20;
                    }
                  }
                }
              }
            }

            //预约列表⬇️
            div.row {
              div {
                div.tab-content {
                  div.tab-pane {
                    div.row {
                      div {
                        div#listQuery {
                          padding: @font26 15px;
                          div.dataSerialize {
                            margin-bottom: @font15;
                            span {
                              font-size: @font16;
                            }
                            input {
                              font-size: @font14;
                              padding: @font6 @font12
                            }
                            select {
                              font-size: @font14;
                              padding: @font6 @font12;
                            }
                          }
                          div {
                            button {
                              padding: @font6 @font12;
                              font-size: @font14;
                            }
                          }

                        }

                      }
                    }
                  }
                }
                & > button {
                  padding: @font6 @font12;
                  font-size: @font14;
                }
              }
              .padding-tb-20 {
                padding-top: @font20;
                padding-bottom: @font20;
              }
              div.reservationListBox {
                table.reservationList-table {
                  font-size: @font16;
                  th {
                    padding: @font20 0;
                  }
                  td {
                    padding: @font15 0;
                    input {
                      padding: @font6 @font12;
                      font-size: @font14;
                    }
                    select {
                      padding: @font6 @font12;
                      font-size: @font14;
                    }
                    button {
                      font-size: @font14;
                      padding: @font6 @font12;
                    }
                  }
                }
              }
            }
            //预约列表⬆️

            //统计⬇️
            #statistical {
              div.adminStatistics {
                padding: @font1*30 @font1*60;
                div {
                  h4 {
                    margin-top: @font5;
                    font-size: @font16;
                  }
                  div.row {
                    //margin-top: @font15;
                    div {
                      &.periodTime {
                        span {
                          margin-right: 0;
                          font-size: @font16;
                        }
                      }
                      span {
                        margin-right: @font10;
                        font-size: @font16;
                      }
                      div {
                        input {
                          font-size: @font14;
                          padding: @font6 @font12;
                        }
                        select {
                          font-size: @font14;
                          padding: @font6 @font12;
                        }
                      }
                      select {
                        font-size: @font14;
                        padding: @font6 @font12;
                        width: 75%;
                      }
                      table#adminStatisticsTable {
                        font-size: @font14 !important;
                        th {
                          padding: @font20 0;
                        }
                        td {
                          padding: @font15 0;
                          ul {
                            margin-bottom: @font10;
                            li {
                              line-height: @font18;
                              span {
                                margin: 0;
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            //统计⬆️

            //患者池⬇️
            #patientPool {
              /*暂时没有数据  大致修改内容同预约列表*/
            }
            //患者池⬆️

            //信息中心⬇️
            #messageCenter {
              /*暂时没有数据  大致修改内容同预约列表*/

            }
            //信息中心⬆️

          }
        }
        //预约中心⬆️

        //医生管理⬇️
        div.row {
          div.content-box {
            div.adminContent {
              div#doctorList {
                div.row {
                  .padding-tb-20 {
                    padding: @font20 auto @font20 auto;
                  }
                  div.searchBox {
                    padding: @font1*26 15px;
                    div {
                      span {
                        font-size: @font16;
                      }
                      input {
                        font-size: @font14;
                        padding: @font6 @font12;
                      }
                      select {
                        font-size: @font14;
                        padding: @font6 @font12;
                      }
                    }
                  }
                  div {
                    #addDoctorBtn {
                      margin-right: @font1*30;
                    }
                    &#doctorListBox {
                      table.doctorManagement-table {
                        font-size: @font16;
                        th {
                          padding: @font20 0;
                        }
                        td {
                          padding: @font15 0;
                          button {
                            font-size: @font14;
                            padding: @font6 @font12;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }

            form.form-horizontal {
              label {
                font-size: @font16;
              }
              div {
                input {
                  font-size: @font14;
                }
                select {
                  font-size: @font14;
                }
              }
            }

          }
        }
        //医生管理⬆️

      }
    }

    //公共弹出框modal
    #addSymptom {
      div.modal-dialog {
        width: 900*@font1;
        margin: @font30 auto;
        div.modal-content {
          div.modal-header {
            padding: @font15;
            h3 {
              font-size: @font16;
            }
          }
          .diseaseSearchBox{
            //height:126*@font1;
            overflow: hidden;
            width: 100%;
            background-color: #F3F3F4;
            .SE{
              padding: @font15 @font15 0;
              position: relative;
              overflow: hidden;
              height: 56px;
              i{
                position: absolute;
                left:25px;
                top:28px;
                font-size: 16px;
                width: 30px;
                height: 30px;
                color:#ccc;

              }
              ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
                color:    #ccc;

              }
              :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                color:    #ccc;
              }
              ::-moz-placeholder { /* Mozilla Firefox 19+ */
                color:    #ccc;
              }
              :-ms-input-placeholder { /* Internet Explorer 10-11 */
                color:    #ccc;
              }
              input{
                border:.5px solid #ccc;
                border-radius: 4px;
                padding-left:30px;
                width: 86%;
                height: 40px;
                &:focus{
                  border:1px solid #1ab394;
                  outline: none;
                }
              }
              .diseSearchInputBtn{
                float:right;
                width:100px;
                height: 40px;
              }
            }
            .diseaseTab{
              overflow: hidden;
              height: 60px;
              ul{
                overflow: hidden;
                padding:0 @font15;
                height: 60px;
                li{
                  cursor: pointer;
                  height: 60px;
                  float: left;
                  width: 50%;
                  line-height: 72px;
                  text-align: center;
                  font-size: 20*@font1;
                  border-bottom:3*@font1 solid #ddd;
                  &.active{
                    color:#1ab394;
                    border-bottom:3*@font1 solid #1ab394;
                  }
                }
              }
            }
          }
          div.modal-body,div.modal-body-thyroid,div.modal-body-search {
            padding: @font15;
            max-height: 600*@font1;
            div.addModel-group {
              padding: @font10;
              h4 {
                margin-top: @font5;
                line-height: @font30;
                font-size: @font16;
                margin-bottom: @font10;
              }
              div.lable-item {
                padding: @font5 @font10;
                margin: @font5;
                label {
                  font-size: @font16;
                }
              }
            }
          }
          div.modal-footer {
            padding: @font15;

          }
        }
      }
    }

    #addMedication {
      div.modal-dialog {
        width: @font1*900;
        margin: @font30 auto;
      }
      div.modal-content {
        .modal-header {
          padding: @font15;
        }
        .modal-body {
          //min-height: @font1*600;
          padding: @font20 @font30 @font30 @font30;
          form {
            div {

            }
          }
        }
        .modal-footer {

        }
      }
    }

    #addDiagnosis {
      div.modal-dialog {
        width: 900*@font1;
        margin: @font30 auto;
        div.modal-content {
          .modal-header {
            padding: @font15;
            h3 {
              font-size: @font16;
            }
          }
        }
        div.modal-body {
          max-height: @font1*620;
          padding: @font20 @font30 @font20 @font30;
          div.addDiagnosis-search {
            position: relative;
            input.form-control {
              padding: @font6 @font12;
              font-size: @font14;
            }
            button {
              padding: @font6 @font12;
              font-size: @font14;
            }
          }
          div.addDiagnosis-list {
            max-height: @font1*300;
            //max-height: 100%;
            margin-top: @font15;
            form {
              overflow: hidden;
              table {
                font-size: @font14;
                th {
                  font-size: @font14;
                  padding: @font15;
                }
                td {
                  padding: @font10 0;
                  font-size: @font14;
                }
              }
            }
          }
          div.text-right {
            margin-top: @font15;
            nav {
              ul {
                margin: @font20 0 0;
                li {
                  a {
                    padding: @font4 @font10;
                    font-size: @font18;
                  }
                }
              }
            }
          }
        }
        div.modal-footer {
          padding: @font15;
        }

      }
    }

    #selectDrugs {
      .modal-dialog {
        width: 900*@font1;
        margin: @font30 auto;
        .modal-content {
          div.modal-header {
            padding: @font15;
            h3 {
              font-size: @font16;
            }
          }
          div.modal-body {
            padding: @font15;
            min-height: @font1*600;
            div.selectDrugs-search {
              input {
                font-size: @font14;
                padding: @font6 @font12;
              }
              select {
                font-size: @font14;
              }
              button {
                padding: @font6 @font12;
                font-size: @font14;
              }
            }
            div.drugListBox {
              max-height: @font1*466;
              margin: @font15;
              div.addModel-group {
                padding: @font10;
                div.lable-item {
                  //padding: @font5 @font10;
                  padding: 0;
                  margin: @font5;
                  label {
                    padding: @font5 @font10;
                    font-size: @font16;
                  }
                }
              }
            }
            div.text-right {
              nav {
                ul {
                  margin: @font20 0 0;
                  li {
                    a {
                      padding: @font4 @font10;
                      font-size: @font18;
                    }
                  }
                }
              }
            }
          }
          div.modal-footer {
            padding: @font15;
          }
        }
      }
    }

    #addTcm {
      .modal-content {
        .modal-header {
          padding: @font15;
        }
        .modal-body {
          padding: @font15;
          .select-tcm {
            padding: @font10;
            .addModel-group {
              h4 {
                position: relative;
                line-height: @font30;
                font-size: @font16;
                div {
                  input {
                    padding: @font6 @font12;
                    font-size: @font14;
                  }
                  button {
                    font-size: @font14;
                    padding: @font6 @font12;
                  }
                }
              }
              .tcm-type {
                .tcm-type-box {
                  max-height: @font1*250;
                  .lable-item {
                    padding: @font5 @font10;
                    label {
                      font-size: @font16;
                    }
                  }
                }
                .tcm-type-page {
                  nav {
                    #addTcmPage {
                      margin: @font20 0;
                      li {
                        a {
                          padding: @font4 @font10;
                          font-size: @font18;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .input-tcm {
            padding-top: @font15;
            margin-top: @font15;
            select {
              font-size: @font14;
              padding: @font6 @font12;
            }
            input {
              font-size: @font14;
              padding: @font6 @font12;
            }
          }
        }
        .modal-footer {
          button {
            font-size: @font14;
            padding: @font6 @font12;
          }
        }
      }
    }

    //打印模态框，暂时不做过多的修改，会影响到打印效果
    #printModel {
      div.printModel {
        width: @font9*100;
        margin: @font1*30 auto;
        div.modal-header {
          //h3{font-size: @font16}
        }
        div.modal-body {
          max-height: @font1*600;
          p.printLocation {
            //margin: @font15 0 0 @font15;
            label {
              //margin-bottom: @font5;
            }
          }
          div.printArea {

          }
        }
      }
    }
  }
}

//左侧列表收起来后宽度设定⬇️；
body.mini-navbar {
  div#wrapper {
    div#page-wrapper {
      margin-left: 70px;
    }
    .mini-navbar {
      width: 70px;
    }
    nav {
      ul {
        li {
          width: 70px;
        }
      }
    }
  }

}

#suizhen {
  //#addSzBox{
  //table.diagnosis-table,table.medicationList-table,table.tcm-table{
  .deleteTd, .opa {
    display: none;
    //}
    //}
    #szGroup1, #szGroup2, #szGroup3, #szGroup4 {
      display: none;
    }

  }
}

#typeChooseWes, .InsulinTypeChoose {
  overflow: hidden;
  width: 30%;
  margin: 1rem auto 0 auto;
  label {
    border: 1px solid #1ab394;
    display: inline-block;
    color: #1ab394;
    height: 2rem;
    text-align: center;
    border-radius: 3px;
    line-height: 2rem;
    &:last-child {
    }
    &.active {
      background: #1ab394;
      color: #fff;
      border-color: #1ab394;
    }
    &:hover {
      background: #1ab394;
      color: #fff;
      border-color: #1ab394;
    }
    &.noSelect:hover {
      background: #fff;
      color: #1ab394;
      border-color: #1ab394;
      cursor: not-allowed;
    }
    input {
      display: none;
      opacity: 0;
    }
  }
}

.InsulinTypeChoose {
  margin-bottom: 1rem;
  width: 40%;
}

.zhongcheng-box {
  form#zhongcheng-box-form {
    div.mess-box {
      width: 98% !important;
      //margin: 2rem 0 2rem 0;
      & > div {
        display: inline-block;

      }
      .div-50 {
        width: 49%;
        display: inline-block;
        span {
          display: inline-block;
          width: 39%;
        }
        .zhongchengData {
          width: 57%;
          input {
            //width: 54%;
          }
        }

      }
      .freq {
        width: 33%;
        input {
          display: inline-block;
          width: 20%;
        }
        span {
          display: inline-block;
          width: 58%;
          margin-right: 10px;

        }
        b {
          display: inline-block;
          font-weight: normal;
          padding-left: 12px;
          select {
            height: 2rem;
            width: 200%;
            text-align: center;
          }
        }
      }
    }
    ul.ZCmedicationList {
      list-style: none;
      position: absolute;
      top: 57px;
      z-index: 100000;
      border: 1px solid #ddd;
      background: #fff;
      max-height: 173px;
      overflow-y: auto;
      width: 72.5%;
      li {
        padding: 3px 12px;
        cursor: pointer;
        &:hover {
          background: #1E90FF;
          color: #fff;
        }
      }
    }
  }
}

.ZC-table {
  margin-top: 1rem;
  text-align: center;
  font-size: 1rem;
  th {
    text-align: center;
    height: 2rem;
    padding: 1.25rem 0;
  }
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.searchList{
  float: left;
  height: 2.5rem;
  margin-bottom:1rem ;
  input,select{
    width: 60%!important;
  }

}
